<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>CHJ-final-flask</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">

<svg t="1640241974390" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2500" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><style type="text/css"></style></defs><path d="M510.5 513.32m-448.47 0a448.47 448.47 0 1 0 896.94 0 448.47 448.47 0 1 0-896.94 0Z" fill="#FF6187" p-id="2501"></path><path d="M245.45 483.96s3.25-81.77 11.86-140.08c8.61-58.3 32.87-156.91 32.87-156.91l93.75 162.65-138.48 134.34z" fill="#968172" p-id="2502"></path><path d="M265.66 464.8s1.85-46.56 6.75-79.76 18.72-89.34 18.72-89.34l53.38 92.61-78.85 76.49z" fill="#F8C8A4" p-id="2503"></path><path d="M775.09 483.96s-3.25-81.77-11.86-140.08-32.87-156.91-32.87-156.91l-93.75 162.65 138.48 134.34z" fill="#968172" p-id="2504"></path><path d="M754.88 464.8s-1.85-46.56-6.75-79.76-18.72-89.34-18.72-89.34l-53.38 92.61 78.85 76.49z" fill="#F8C8A4" p-id="2505"></path><path d="M840.1 654.41c32.87 4.7 46.31-1.33 35.22-5.79-15.07-6.05-22.7-3.87-36.39-18.63-14.87-16.02-40.79-77.34-40.79-77.34l-0.02-0.01c-24.85-113.07-112.05-216.63-249.66-232.42-0.44-4.26 0.35-9.57 2.5-16.3 5.36-16.71-3.18-9.64-18.52 6.78-3.13 3.35-5.54 5.82-7.37 7.64-2.29-0.11-4.59-0.19-6.9-0.25 0.33-4.15 2.26-11.5 8.4-24.48 12.95-27.39-3.78-15.55-16.96-0.26-5.98 6.94-24.1 18.51-37.54 26.6-138.73 14.95-216.41 108.27-251.99 232.69l-0.02 0.01s-25.92 61.31-40.79 77.34c-13.7 14.76-21.32 12.57-36.39 18.63-11.09 4.46 2.35 10.48 35.22 5.79 32.87-4.7 9.12 17.75 4.3 22.3-7.67 7.25-21.48 19.08-31.3 24.65-16.15 9.15-1.77 11.57 1.17 11.74 10.25 0.6 46.48-8.74 41.09 0-15.75 25.51-34.7 79.95-34.78 80.2 82.15 103.28 208.91 169.5 351.13 169.5 141.51 0 268.23-66.22 350.43-168.59l-0.52-0.89s-19-54.64-34.79-80.21c-5.4-8.74 30.83 0.6 41.09 0 2.94-0.17 17.32-2.59 1.17-11.74-9.82-5.57-23.63-17.4-31.3-24.65-4.82-4.56-28.56-27.01 4.31-22.31z" fill="#FBF5EF" p-id="2506"></path><path d="M274.31 601.61a234.78 170.53 0 1 0 469.56 0 234.78 170.53 0 1 0-469.56 0Z" fill="#CCB9AC" p-id="2507"></path><path d="M426.35 624.02a84.15 64.29 0 1 0 168.3 0 84.15 64.29 0 1 0-168.3 0Z" fill="#968172" p-id="2508"></path><path d="M377.4 563.27m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="2509"></path><path d="M377.4 563.27m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#5FB7FF" p-id="2510"></path><path d="M389.69 549.53m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="2511"></path><path d="M643.21 563.27m-51.57 0a51.57 51.57 0 1 0 103.14 0 51.57 51.57 0 1 0-103.14 0Z" fill="#FFFFFF" p-id="2512"></path><path d="M643.21 563.27m-35.75 0a35.75 35.75 0 1 0 71.5 0 35.75 35.75 0 1 0-71.5 0Z" fill="#5FB7FF" p-id="2513"></path><path d="M657.6 549.53m-12.29 0a12.29 12.29 0 1 0 24.58 0 12.29 12.29 0 1 0-24.58 0Z" fill="#FFFFFF" p-id="2514"></path><path d="M481.78 635.72c0.01-8.26 55.69-6.98 55.86-0.01 0.32 13.04-18.55 31.5-28.31 31.54-9.71 0.05-27.56-17.25-27.55-31.53z" fill="#371E19" p-id="2515"></path><path d="M479.05 727.58l-2.23-2 31.01-34.4v-26.17h3v27.32z" fill="#371E19" p-id="2516"></path><path d="M539.99 727.59l-32.17-35.26 0.39-27.34 3 0.04-0.37 26.15 31.37 34.39z" fill="#371E19" p-id="2517"></path></svg>
        <strong>用户{{ dengji }}购物车</strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>
<main>
<div class="modal modal-tour position-static text-center d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalTour">
  <div class="modal-dialog" role="document">
    <div class="modal-content rounded-6 shadow">
      <div class="modal-body p-5">
        <form action="/last" method="post">
              <p>
              <h2>菜单</h2>
                  {% for product in product_lists %}
                      <p><input type="checkbox" name="list" value="{{ product[0] }}">{{ product[0]
                                    }}----------{{
                                    product[1] }}<br>
                      </p>
                  {% endfor %}
              <div class="tm-form-group">
                  <input type="text" name="name" class="tm-form-control" placeholder="Name"
                         required="" />
              </div>
              <div class="tm-form-group">
                  <input type="tel" name="tel" class="tm-form-control" placeholder="Phone"
                         required="" />
              </div>
              <div class="tm-form-group">
                  <input type="text" name="add" class="tm-form-control" placeholder="Address"
                         required="" />
              </div>
        <button type="submit" class="btn btn-lg btn-primary mt-5 w-100" data-bs-dismiss="modal">提交!</button>
        <a href="/drink">返回上一页</a>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="b-example-divider"></div>


</main>
  </body>
</html>